<template>
  <wit-content>
    <wit-custom :isBack="true">
      <template v-slot:content>
        <text>button</text>
      </template>
      <template v-slot:left>
        <text class="icon-weixin font-size-xl"></text>
      </template>
    </wit-custom>
    <view class="content">
      <view>type	类型	string	primary / success / warning / danger / info / text</view>
      <wit-row>
        <wit-button>按钮</wit-button>
        <wit-button type="primary">按钮</wit-button>
        <wit-button type="success">按钮</wit-button>
        <wit-button type="warning">按钮</wit-button>
        <wit-button type="danger">按钮</wit-button>
        <wit-button type="info">按钮</wit-button>
      </wit-row>
      <view>size	尺寸mini</view>
      <wit-row>
        <wit-button size="mini" type="primary">按钮</wit-button>
        <wit-button size="mini" type="success">按钮</wit-button>
        <wit-button size="mini" type="warning">按钮</wit-button>
        <wit-button size="mini" type="danger">按钮</wit-button>
        <wit-button size="mini" type="info">按钮</wit-button>
      </wit-row>
      <view>禁用</view>
      <wit-row>
        <wit-button disabled size="mini">按钮</wit-button>
        <wit-button disabled size="mini" type="primary">按钮</wit-button>
        <wit-button disabled size="mini" type="success">按钮</wit-button>
        <wit-button disabled size="mini" type="warning">按钮</wit-button>
        <wit-button disabled size="mini" type="danger">按钮</wit-button>
        <wit-button disabled size="mini" type="info">按钮</wit-button>
      </wit-row>

      <view>圆 circle</view>
      <wit-row>
        <wit-button circle size="mini">按钮</wit-button>
        <wit-button circle size="mini" type="primary">按钮</wit-button>
        <wit-button circle size="mini" type="success">按钮</wit-button>
        <wit-button circle size="mini" type="warning">按钮</wit-button>
        <wit-button circle size="mini" type="danger">按钮</wit-button>
        <wit-button circle size="mini" type="info">按钮</wit-button>
      </wit-row>

      <view>icon</view>
      <wit-row>
          <wit-button size="mini" type="primary" icon="icon-QQ">qq</wit-button>
          <wit-button size="mini" type="primary">按钮</wit-button>
          <wit-button size="mini" type="success" loading>加载中</wit-button>
          <wit-button circle size="mini" type="warning" icon="icon-QQ">QQ</wit-button>
          <wit-button circle size="mini" type="danger">按钮</wit-button>
          <wit-button circle size="mini"  type="info" icon="icon-weibo"></wit-button>
      </wit-row>

      <view>plain</view>
      <wit-row>
        <wit-button plain size="mini"  icon="icon-QQ">qq</wit-button>
        <wit-button plain size="mini" type="primary">按钮</wit-button>
        <wit-button plain size="mini" type="success" loading>加载中</wit-button>
        <wit-button plain circle size="mini" type="warning" color="color-blue" icon="icon-QQ">QQ</wit-button>
        <wit-button plain circle size="mini" type="danger">按钮</wit-button>
        <wit-button plain circle size="mini"  type="info" icon="icon-weibo"></wit-button>
      </wit-row>
    </view>
  </wit-content>
</template>